* {padding:0;margin:0;list-style:none;}
body{background:#fff;font-family:"微软雅黑",arial,verdana,sans-serif;font-size:14px;color:#666;overflow-x: hidden}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.w{width:1000px;margin:0 auto;}
a{text-decoration:none;color:#666;font-size:14px;}
header top{
    display: block;
    background: #700005;
    height:27px;
    line-height:27px;
}
header top ul{
    display: flex;
    justify-content: flex-end;
}
header top ul a{
    color: white;
    font-size: 12px;
    padding-left:10px ;
}
header  mid{
    display: block;
    background: #8c000b;
}
header mid .logo{
    display: block;
    padding: 18px;
}
header mid .logo{background:url(image/logobg.jpg) no-repeat right bottom;}

nav{

    height:46px;
    line-height:46px;
    margin: 0px 100px;
    font-size: 16px;
    text-align: center
}
nav>ul{
    display: flex;
}

nav ul li ul{
    display: flex;
    flex-direction: column;
    z-index: 100;
}
nav ul li{
    line-height: 46px;
    text-align: center;
    position: relative;
    display: inline-block;
}
nav a{ color:black;padding: 0 12px;font-size: 16px}
nav ul li ul{ position: absolute;z-index:999;background: white;}
nav ul li:hover{background-color: #8c0000;}
nav ul li:hover >a{color: white}
nav ul li ul li:hover a{color: white}
nav ul li ul li{display: none;width: 100%/*隐藏二级菜单*/}
nav ul li:hover ul li{display: block;}
/*轮播图*/
banner{height:398px;width:2000px;display:flex;position: relative;left: 50%;margin-left: -1000px;overflow: hidden}
banner .lb{width:500px;width:500px;height:398px;}
banner .mb{width:1000px;height:398px;position: relative;overflow: hidden;}
banner img{width: 100%;height: 398px;}
banner .mb .main img{width: 1000px;height: 398px;}
banner .rb{width:500px;height:398px;left:50%;}
banner .prev{position: absolute;left:0px; top:50%;margin-top:-29px;height:58px;width: 80px; }
banner .mb .next{position: absolute; left:100%;margin-left: -80px;top:50%;margin-top:-29px;height:58px;width: 80px; }
banner .mb .bottom{position: absolute;left:0px; top:100%;margin-top:-50px;height:50px;width: 100%;background-color: rgba(0,0,0,.3);}
banner .mb ul{width: 4000px;display: flex}
banner .mb .main{position: absolute}
banner .mb .circle li{height: 14px;width:14px;background-color: #eee1d4;margin-right: 10px;}
banner .mb .circle{
    display: flex;
    position: absolute;
    left: 100%;
    margin-left: -105px;
    top:100%;
    margin-top:-30px;

}
banner .mb .circle .on{
    background-color: #8c1616;

}
main{
    display: flex;
    justify-content: space-between;
}
article{
    width: 73.5%;
    /*width: 736px;*/
    /*padding-right:40px;*/
    display: flex;
    flex-direction: column;
}

main .top{
    display: flex;
    height: 40px;
    /*width: 736px;*/
    margin-top:20px;
    border-bottom:1px solid #cccccc ;
    justify-content: space-between;
}

main .top ul:first-child{
    display: flex;
}
main .top ul li{padding: 0 15px;font-size:18px;cursor: pointer;line-height: 36px;}
main .top .on{padding-bottom: 4px;border-bottom: 2px solid #8c0000;color: #8c0000}
main span a{font-size:12px;line-height: 36px}

main .body{
    display: flex;
    /*justify-content: space-between;*/
    margin-top: 20px;
}
main .body .bl{
    width: 43%;
    margin-right: 2%;

}

main .body .bl p a{
    color: #666;
    font-size: 14px;

}

main .body .br{
    width: 55%;
}

main .body h3{font-size: 16px;color: black;padding: 15px 0;font-weight: 400;}

main .body .br ul li{
    width: 96%;
    float: left;
    margin-right: 4%;
    border-bottom: 1px solid #e5e5e5;
    padding: 3px 0 8px;
    margin-bottom: 10px;
    line-height: 1.6em;
}
main .white{
    height: 114px;
    width: 100%;
}
main article .footer h3{color: #8c0000;font-size: 18px;font-weight: 400;padding-bottom:24px; }
main article .footer h3:after{content: "/友情链接";color: black}
main article .footer .one{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
}
main article .footer .one li{
    border:1px solid darkgrey;
    width: 23%;
    margin-top:25px;
    ursor: pointer;
}
main article .footer .two{
    display: flex;
    flex-wrap: wrap;
    margin-top:25px;
    justify-content: space-between;
}
main aside{
    display: flex;
    width: 23.5%;
    margin-top:30px;
    float: left;
    flex-direction: column;
    min-height: 500px;
    font-family: "微软雅黑";
    /*box-sizing: border-box;*/
}
main aside .tz{
    height: 34px;
    /*line-height: 40px;*/
    /*margin-bottom: 30px;*/
    background: url(image/tongzhi2tit.jpg)no-repeat left top;
    padding:1px 0;
    margin-bottom:20px;
}
main aside .tz a{
    line-height: 34px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
}
main aside .tz a:before{
    content:"";
    height:15px;
    width: 30px;
    background:url(image/tongzhi2tit1.png) no-repeat center;
    display: inline-block;
}
main aside li{padding-bottom: 25px;display: flex;justify-content: space-between}
main aside li .lsection{
    display:flex;
    flex-direction:column;
    width: 24%;
    background: #eee;
    padding: 8px 0
}
main aside li .lsection h3{
    width: 59px;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: 400;
}

main aside li .lsection h4{
    width: 59px;
    text-align: center;
    color: #999;
    font-size: 12px;
    font-weight: 400;
}
main aside li .rsection{
    width: 72%;
}
main aside li .rsection h3 a{
    color: #8c0000;
    /*font-size: 18px;*/
    font-weight: 400;
}
main aside li .last h3 a{
    font-style: italic;
    color: black;
}

main aside>a img{
    width: 243px;
    display: block;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

footer{
    display: flex;
    margin-top:24px;
    background: #8c0000;
    padding-top:50px;
    padding-bottom: 50px;
    color: white;
    font-weight: 300;
}
footer .l{
    display: flex;
    justify-content:space-between ;
}
footer .bg{margin-top:22px;height: 74px;width: 74px;}
footer p{
    padding-left: 20px;
    color: #fcd8d8;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
}
footer .r{
    display: flex;
    flex-direction: column;
    align-items: center;
}
footer .r h3{
    font-size: 14px;
    font-weight: 500;
}
footer .r h5{
    color: #fcd8d8;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    padding-top: 12px;
}
